/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

.octoberfest_buy_btn{
   margin: auto;
        border-radius: 9px;
        background:#F9CC65;
        border:2px solid #F9CC65;
        padding:16px 10px;
        font-size: 15px;
        color:#1c171a;
  font-weight:bold;
  }
.octoberfest_buy_btn:hover{
		 background-color:hsla(42, 93%, 78%, 1);
        color:#1c171a;
        border:2px solid hsla(42, 93%, 78%, 1);
        transition-duration: 0.5s;
}

.octoberfest_download_btn{
  		 margin: auto;
        border-radius: 9px;
        background:#88222b;
        border:2px solid #88222b;
        padding:16px 10px;
        font-size: 15px;
        color:#fff;
  font-weight:bold;
  
}
.octoberfest_download_btn:hover{
   background-color:hsla(355, 60%, 27%, 1);
        border:2px solid hsla(355, 60%, 27%, 1);
        transition-duration: 1s;
}




/* Background Color */
.uk-notouch .tm-page {
background: linear-gradient(180deg, #919798 0%, #373939  80%) repeat fixed 0 0 rgba(0, 0, 0, 0) !important; 
}

/* Welcome Section */

.cs-welcome-overlay {
    margin-bottom: 28px;
}

.cs-welcome-hover-effect {
  transform: scale(1.1);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.cs-welcome-img {
  transition: 1s;
}



/* Home Page Borders */
.tm-block-divider {
border-top: none !important;
}
.tm-heading-underline {
border-bottom: 2px solid #d51d29 !important;
}

/*******Top Logo*******/

.cs-logo-container {
    text-align: center !important;
    margin: 0 auto;
}

.cs-logo-container a img {
    margin: -1.3em 3em 1em auto;
    width: 50%;
}

/* Welcome Modules */
.cs-card-overlay-area {
    background: rgba(27, 58, 102, 0.8);
}

.cs-card-overlay-content {
    font-size: 1.35rem;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 800;
}

/* Menu Dropdown */
.uk-dropdown, .uk-dropdown-blank {
width: 300px;
}

.wk-accordion-default .content {
border: 2px solid #fff;
}

/* Contact Form */
.contact-form legend { 
color: #ffffff !important;
font-size: 1.2em !important; 
}

.btn-primary, .btn-info, .btn-inverse {
color: #1d40a9 !important;
}
.btn-primary, .btn-info, .btn-inverse {
background: #fff;
}

label, input, button, select, textarea {
font-size: 1em;
}

.tooltip {
display: none !important;
}

.uk-panel-title { color: #ffffff !important; }
.uk-panel-title { font-size: 26px !important; }
.uk-panel-title { font-weight: bold !important; }

/* Charities Modules */
.mod-box-red {
background: #88222b;
opacity: 0.8;
}

.wk-accordion-default .toggler {
background: none;
border: 2px solid #fff;
box-shadow: none;
text-align: center;
}

/* Modules Underline Fix */
a,.uk-link {
text-decoration: none !important;
}

/* Module Overlay */
.uk-overlay-area {
background: none !important;
}

/* EasyBlog */
.eb-mod-media-title {
font-size: 24px !important;
}

.ezcategorytitle {
display: none !important;
}

#eb.eb-mod * {
line-height: 24px;
}


div#fd.eb .eb-horizonline-inner {
background: none;
}

#eb .eb-navbar__body {
    background-color: #6a6e6f;
    border: none;
}

.uk-alert {
color: #fff;
}

/* EasyDiscuss Fixes */
.ed-page-title {
font-size: 20px  !important;
}

#ed .ed-cat-panel__hd, #ed .ed-cat-panel__bd, #ed .ed-cat-panel__ft {
font-size: 16px !important;
}

#ed .g-list-inline > li {
font-size: 15px !important;
}


/* Continue Reading */
#ezblog-body .featured-readmore a, #ezblog-body .blog-readmore a {
font-size: 18px;
} 

/* Donate Button */

#cs-donate-menu > li > a {
width: 130px;
color: rgba(0, 0, 0, 0.6);
background-color: #FFB300;
text-align: center;
background: rgba(255,194,61,1);
background: -moz-linear-gradient(left, rgba(255,194,61,1) 0%, rgba(255,194,61,1) 19%, rgba(227,172,63,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,194,61,1)), color-stop(19%,   rgba(255,194,61,1)), color-stop(100%, rgba(227,172,63,1)));
background: -webkit-linear-gradient(left, rgba(255,194,61,1) 0%, rgba(255,194,61,1) 19%, rgba(227,172,63,1) 100%);

   background: -o-linear-gradient(left, rgba(255,194,61,1) 0%, rgba(255,194,61,1) 19%, rgba(227,172,63,1) 100%);

   background: -ms-linear-gradient(left, rgba(255,194,61,1) 0%, rgba(255,194,61,1) 19%, rgba(227,172,63,1) 100%);

   background: linear-gradient(to right, rgba(255,194,61,1) 0%, rgba(255,194,61,1) 19%, rgba(227,172,63,1) 100%);

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc23d', endColorstr='#e3ac3f', GradientType=1 );

}

#cs-donate-menu > li > a:hover {
color: rgba(0, 0, 0, 1);
}



/*Logout button */

button.uk-button.uk-button-primary {
    background-color: #fff !important;
    color: rgba(19, 24, 27, 0.87);
}
button.uk-button.uk-button-primary:hover{
    color: #a81720 !important;
}

/*Pagination on photo gallery */
.srizon-pagination span.disabled {
    color: #fff;
}

.srizon-pagination span.current {
    background-color: #2a2d2e;
  	color: white;
}

.srizon-pagination a {
    color: #fff;
}

.srizon-pagination a:hover {
    color: #fff;
 	background-color: #2a2d2e;
}

/*Become a supporter submit button */

.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
  background-color: #1d3fa9 !important;
  color: #fff;
  background-image: none;
  border: none;
  text-shadow: none;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1em;
}

.formResponsive input[type="submit"]:hover{
  background-color: #fff !important;
  color: #1e2021 !important;
}

/*Login in page*/

.well {
    background: #2a2d2e;
    border: none;
}

.uk-panel-box-primary .uk-button-primary {
border-color: none !important;
box-shadow: none !important;
}



/*Become a business supporter*/
h2, .uk-h2 {
  font-weight: bold;
}


/*Line below business supporters & resources*/
.tm-block-divider {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 3px solid #f5f5f5;
}

/* Mobile Calendar */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 76.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav-tabs > li > a:hover {
background: none !important;
}

/* Popup Box Field Fix */
.rstbox_input::-webkit-input-placeholder {
  color: rgb(170,170,170);
}.rstbox_input:-moz-placeholder { /* Firefox 18- */
  color: rgb(170,170,170);
}.rstbox_input::-moz-placeholder {  /* Firefox 19+ */
  color: rgb(170,170,170);
}.rstbox_input:-ms-input-placeholder {  
  color: rgb(170,170,170);
}

/*HOMEPAGE slider bug fix -matto*/
.wk-slideshow .caption{
  bottom: 0px;
}

.uk-navbar,
#phoca-dl-category-box .pd-category h3.pd-ctitle, #phoca-dl-file-box .pd-file h3.pd-ctitle, #phoca-dl-download-box .pd-file h3.pd-ctitle {
    background: #1c171a;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a,
.uk-dropdown-navbar {
    background-color: #5e171d;
}

.tm-headerbar > p {
    margin-top: 0;
}

#eb .eb-horizonline-inner {
    display: none;
}


/* NEP Connect plugin blog category view */
#system-message-container~h1 {
  /* hide RSS form Text */
  font-size: 0 !important;
  margin: 0 !important;
}
.blog-rss-container::before {
  content: "Latest News";
  font-size: 40px;
  text-align: center;
  margin-bottom: 40px;
  display: block;
}
.blog-rss-container {
  max-width: 1000px;
  margin: 0 auto;
}

.blog-rss-post,
.blog-post {
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 95%);
  padding: 40px 15px;
  box-shadow: 0 2px 4px 0 hsla(240, 30%, 28%, 0.1);
  display: flex;
  flex-direction: column;
}
.blog-post {
  background: hsl(0, 0%, 100%);
}

.blog-post img[src="/"], .blog-rss-lead-image-container img[src="/"] {
  display: none;
}

@media only screen and (max-width: 639px) {
  .blog-post iframe {
    width: 100%;
    height: 100%;
  }
}

.blog-rss-lead-image-container,
.blog-post>img {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  float: none;
}

.blog-rss-lead-image {
  max-height: 250px;
}
.blog-post img:first-child {
  max-height: 400px;
}
.blog-rss-lead-image,
.blog-post img:first-child {
  object-fit: contain;
}


.blog-rss-content,
.blog-post .items-leading {
  width: 100%;
  color: hsl(0, 0%, 20%);
  max-width: 750px;
  line-height: 1.5;
  margin: 0 auto;
  float: none;
  margin-top: 20px;
  padding: 0;
}

.blog-post .items-leading>*:not(figure) {
  text-align: left !important;
  line-height: 1.5 !important;
}

.blog-post .items-leading figure {
  text-align: center;
}

.blog-rss-content-title,
.blog-post .title {
  text-transform: capitalize;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
}

.blog-rss-content-date {
  display: none;
}

.blog-rss-content-body {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-rss-content-read-more-button-container {
  text-align: left;
}
.blog-post a, .blog-rss-post a {
  color: hsl(0, 0%, 20%);
}

.blog-post a:hover, .blog-rss-post a:hover {
  color: hsl(0, 0%, 60%);
}

.blog-rss-content-read-more-button {
  border-radius: 0;
  text-transform: capitalize;
  border: none;
  display: inline;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
}

.blog-post-button {
  background: hsl(0, 0%, 100%);
  border-radius: 0;
  text-transform: none;
  border: 1px solid hsl(0, 0%, 80%);
  display: inline-block;
  padding: 0 12px;
  font-size: 20px;
}

.latest-news .blog-rss-container .pagination li {
  font-size: 18px;
  margin: 0 6px;
}

.blog-post-navigation {
  margin: 40px 0 0;
}

.pager {
  text-align: center;
}

@media only screen and (min-width: 960px) {
  .blog-rss-post,
  .blog-post {
    padding: 40px;
  }
  .blog-rss-lead-image-container {
    text-align: center;
  }
  .blog-rss-content-title,
  .blog-post .title {
    font-size: 34px;
  }
  .blog-rss-content-body,
  .blog-post .items-leading {
    font-size: 18px;
    margin-top: 24px;
  }
  .blog-rss-container::before {
    font-size: 52px;
  }
}

@media only screen and (max-width: 550px) {
.eb-mod-thumb, 
.eb-post-image img {
float: none;
margin: 0 auto;
width: 100%;
display: block;
}
.eb-mod-thumb * {
width: 100% !important;
}
}

@media only screen and (max-width: 550px) {
.eb-post-thumb, 
.eb-post-image img {
float: none;
margin: 0 auto;
width: 100%;
display: block;
}
.eb-mod-thumb * {
width: 100% !important;
}
}